:root {
    --twt-primary-color: #0E406B;
    --twt-secondary-color: #6CCA98;
    --twt-black-color: #000000;
    --twt-white-color: #FFFFFF;
    --twt-lightgray-color: rgba(167, 168, 169, 0.20);
    --twt-gray-color: rgba(167, 168, 169, 0.20);
    --twt-light-color: #E7E6E6;
    --twt-darkGray-color: #333333;
    --twt-ash-color: #A7A8A9;
    --twt-lightsky-color: #00A3E01A;
    --twt-Lightash-color: #F8F7F7;
    --twt-transparent-white-50: rgb(255 255 255 / 50%);
    --twt-transparent-white-15: rgb(255 255 255 / 15%);
    --twt-transparent-black-2: rgba(0, 0, 0, 0.02);
    --twt-transparent-black-5: rgba(0, 0, 0, 0.05);
    --twt-transparent-black-10: rgba(0, 0, 0, 0.10);
    --twt-transparent-black-15: rgba(0, 0, 0, 0.15);
    --twt-transparent-black-25: rgba(0, 0, 0, 0.25);
    --twt-transparent-black-50: rgba(0, 0, 0, 0.50);
    --twt-transparent-black-60: rgba(0, 0, 0, 0.60);
    --twt-transparent-black-65: rgba(0, 0, 0, 0.65);
}

html {
    scroll-behavior: smooth;
    font-size: 16px;
}

[dir="rtl"] {
    text-align: right;
}

[dir="ltr"] {
    text-align: left;
}

body {
    font-feature-settings: "liga", "kern";
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    /*background-color: var(--twt-verylight-color);*/
}

body,
a,
button,
.btn-brand,
.btn-brand-outline,
.header-icon-box,
.header-icon-box .header-icon {
    -webkit-transition: all 400ms ease, outline 0ms;
    -moz-transition: all 400ms ease, outline 0ms;
    -ms-transition: all 400ms ease, outline 0ms;
    -o-transition: all 400ms ease, outline 0ms;
    transition: all 400ms ease, outline 0ms;
}

a {
    color: var(--twt-primary-color);
    text-decoration: none;
}

a:hover {
    color: var(--twt-black-color);
    text-decoration: none;
}

input:active,
input:hover {
    outline: 0;
    box-shadow: none;
}

.content-bg {
    background: url('../img/wave-gold.svg') no-repeat center center;
    background-size: 100%;
    margin-top: 2rem;
}

h1 {
    font-size: 2.44rem;
}

h2 {
    font-size: 1.88rem;
}

h3 {
    font-size: 1.66rem;
}

h4 {
    font-size: 1.22rem;
}
#GetFooter .fw-bold,
.text-bold {
    font-weight: bold !important;
}

.brand-color {
    color: var(--twt-primary-color) !important;
}

.btn-brand,
.btn-brand-outline,
.btn-brand-primary,
.btn-brand-outline,
.btn-secondary {
    border-radius: 0.5rem;
    text-align: center;
    padding: 0.5rem 1.5rem;
    display: inline-block;
    font-size: 1rem;
    font-weight: 300;
}

.btn-brand,
.btn-brand-white.active,
.btn-brand-primary,
a.btn-brand,
a.btn-brand-white.active,
a.btn-brand-primary {
    background-color: var(--twt-primary-color);
    color: var(--twt-white-color);
    font-size: 1rem;
    border: 1px solid var(--twt-primary-color);
}

.btn-secondary,
a.btn-secondary {
    background-color: var(--twt-secondary-color);
    color: var(--twt-white-color);
    border: 1px solid var(--twt-secondary-color);
}

.btn-secondary:hover,
a.btn-secondary:hover {
    background-color: var(--twt-white-color);
    color: var(--twt-secondary-color);
}

.btn-brand-white {
    background-color: var(--twt-white-color);
    color: var(--twt-secondary-color);
}

.btn-brand-outline {
    border: 1px solid var(--twt-primary-color);
    color: var(--twt-primary-color);
    background-color: var(--twt-white-color);
}

.btn-brand-outline:hover,
.btn-brand-outline:focus {
    background-color: var(--twt-primary-color);
    color: var(--twt-white-color);
}



.btn-brand-primary {
    padding: 0.75rem 2rem;
}

.btn-brand:hover,
.btn-brand:focus,
.btn-brand-primary:hover,
.btn-brand-primary:focus {
    background: var(--twt-white-color);
    color: var(--twt-primary-color);
    text-decoration: none;
}

.btn-small {
    padding: 0.25rem 0.5rem;
    font-size: 0.833rem;
}

.btn-link {
    /*text-transform: uppercase;*/
    font-size: 0.875rem;
    text-decoration: none;
    color: var(--twt-secondary-color) !important;
}

.btn-brand-dark {
    background-color: var(--twt-black-color);
    color: var(--twt-white-color);
    border: none;
}

.btn-brand-dark:hover {
    background-color: var(--twt-white-color);
    color: var(--twt-black-color);
}

/* Default styles */
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.border-radius-0 {
    border-radius: 0px !important;
}

.col-container {
    display: flex;
    flex-direction: column;
}

.col-container .card,
.col-container .news-content,
.col-container .whatsnew-content {
    flex: 1;
    position: relative;
}

.form-select:focus {
    box-shadow: none;
    outline: none;
}

.main-heading {
    font-size: 2.25rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--twt-black-color) !important;
}

h2.main-heading {
    font-size: 2.25rem;
}

h3.main-heading {
    font-size: 1.44rem;
}

.topBar-search {
    display: flex;
}




.home-banner {
    position: relative;
}

.home-banner .banner-links {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 2;
   
    top: 3rem;
}
html[dir="ltr"] .home-banner .banner-links {
 right: 2.5rem;
}
html[dir="rtl"] .home-banner .banner-links {
 left: 2.5rem;
}

.home-banner .banner-links a {
    width: 2.5rem;
    display: inline-block;
    height: 2.5rem;
    background-color: var(--twt-secondary-color);
    border-radius: 100%;
    margin-bottom: 1rem;
    color: var(--twt-white-color);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.home-banner .banner-links a:hover {
    background-color: var(--twt-primary-color);
}
.home-banner .carousel-item .ratio-21x9 {
	
	aspect-ratio:21 / 9;
}
.home-banner .carousel-item img {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    object-fit: cover;
    height:100%;
}

.home-banner .carousel-caption {
    top: unset;
    left: 2rem;
    right: unset;
    width: 100%;
    background: red;
    max-width: 25rem;
    height: auto;
    bottom: 12%;
    border-top-right-radius: 20px;
    border-left: 5px solid var(--twt-secondary-color);
    background: var(--twt-transparent-black-10);
    padding: 0.5rem;
    backdrop-filter: blur(7.5px);
    text-align: start;
}

.home-banner .carousel-caption h5 {
    color: var(--twt-secondary-color);
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    text-transform: capitalize;
    margin-bottom: 1rem;
}

.home-banner .carousel-caption p {
    color: var(--twt-white-color);
    font-size: 1.15rem;
    font-style: normal;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 1rem;
}

.home-banner .carousel-caption .btn-brand {
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    font-size: 1.15rem;
}

.home-banner .carousel-indicators {
    justify-content: end;
    margin: 0 2.5rem;
    bottom: 15%;
}

.home-banner .carousel-indicators button {
    width: 0.6rem;
    height: 0.6rem;
    background-color: var(--twt-primary-color);
    border-radius: 100%;
    opacity: 1;
    min-height: unset;
    padding: 0.2rem;
    min-width: 0.6rem;
    margin: 0 0.2rem;
}

.home-banner .carousel-indicators button.active {
    width: 3rem;
    border-radius: 0rem
}

.news-alart {
    position: absolute;
    bottom: 0;
    background: rgba(170, 170, 170, 0.30);
    display: flex;
    backdrop-filter: blur(9px);
    width: calc(100% - 3rem);
    left: 1.5rem;
    height: fit-content;
    right: 1.5rem;

}

.news-alart .news-title {
    background-color: var(--twt-white-color);
    padding: 1rem 2rem;
    height: auto;
    color: var(--twt-secondary-color);
    font-size: 1.125rem;
    font-weight: 700;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    min-width: 10rem;
}


.news-alart .news-contant {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.8rem;
}
.news-alart .news-title::after {
    content: '';
    position: absolute;
    background-color: var(--twt-primary-color);
    }


.news-alart .news-contant p {
    color: var(--twt-white-color);
    text-shadow: 0 0 7px rgba(0, 0, 0, 0.49);

    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0 0.5rem;

}

.news-alart .news-contant .btn-brand {
    font-size: 1.15rem;
    border-radius: 2rem;
    padding: 0.2rem 1rem;
        min-width: unset;
	display: inline-block;
}

.home-links {
    margin: 2rem 0;
}

.home-links .card {
    position: relative;
    margin-top: 1rem;
    background-color: var(--twt-transparent-black-5);
    border: none;
    background-size: contain;
    background-repeat: no-repeat;
    border-bottom-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
    min-height: 17rem;
}

.home-links .card-body {
    padding: 3rem 2rem;
    display: flex;
    align-items: center;
}

.home-links .card-body .icon-wraper {
    width: 7rem;
    min-width: 7rem;
    height: 7rem;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: var(--twt-secondary-color);
    padding: 0.5rem;


}

.home-links .card-body p {
    color: var(--twt-primary-color);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.1px;
    margin: 0 0.5rem;
}

.home-links .card .readmore {
    position: absolute;
    top: 0.5rem;

}

.energy-companies {
    padding: 3rem 0;
}

.energy-companies h3.main-heading {
    color: var(--twt-primary-color);
    font-size: 2.25rem;
    font-weight: 700;
    border-bottom: 1px solid var(--twt-secondary-color);
    width: fit-content;
    margin: auto;
    padding: 0.5rem 0;
}

.energy-companies p {
    color: var(--twt-ash-color);
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    margin-top: 1rem;
}

.energy-companies .card {
    position: relative;
}

.energy-companies .card {
    position: relative;
    margin-top: 1.5rem;
    border-radius: 0;
    border-top-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

.energy-companies .card .readmore {
    position: absolute;
    top: 0.5rem;
    color: var(--twt-secondary-color);
}

.energy-companies .card .readmore:hover {
    color: var(--twt-primary-color);
}

.energy-companies .card-body {
    padding: 2rem 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


/* end  */





/* Media Queries */
@media all and (min-width: 576px) {}

@media all and (min-width: 768px) {}

@media all and (min-width: 992px) {}

@media all and (min-width: 1024px) {}

@media screen and (max-width: 1359px) and (min-width: 1199px) {}

@media all and (min-width: 1200px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1080px;
    }

    /*.main-menu li.with-dropdown:after {
        content: "\f282";
        font-family: bootstrap-icons !important;
        position: absolute;
        top: 0.2rem;
        color: var(--twt-secondary-color);
        margin: 0.5rem 0;
    }
    .main-menu li.with-dropdown:hover:after,
    .main-menu li.with-dropdown:focus:after {
        content: "\f286";
        font-family: bootstrap-icons !important;
    }
    .main-menu li.with-dropdown li.with-dropdown:after {
        content: "\f284";
    }
*/

}

@media all and (min-width: 1300px) {
	#GetPartners .container-fluid.px-lg-5,
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1150px;
    }
}

@media all and (min-width: 1400px) {}

@media all and (min-width: 1440px) {
	#GetPartners .container-fluid.px-lg-5,
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1250px;
    }
}

@media all and (min-width: 1600px) {
	#GetPartners .container-fluid.px-lg-5,
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1440px;
    }


}

@media all and (min-width: 1920px) {
    html {
        font-size: 18px;
    }
	#GetPartners .container-fluid.px-lg-5,
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1600px;
    }
}

@media all and (max-width: 1199px) {}

@media all and (max-width: 1023px) {
    h1 {
        font-size: 2.22rem;
    }

    h2 {
        font-size: 1.22rem;
    }

    h3 {
        font-size: 1.44rem;
    }

    h4 {
        font-size: 1.11rem;
    }
}

@media all and (max-width: 991px) {

    .main-menu .nav-item:hover .nav-link.active:after,
    .main-menu .nav-item:focus-within .nav-link.active:after,
    .main-menu .nav-item .nav-link.active:hover:after,
    .main-menu .nav-item .nav-link.active:after,
    .main-menu .nav-link:hover:after,
    .main-menu .nav-item:hover .nav-link :after,
    .main-menu .nav-item:focus-within .nav-link :after {
        width: 100%;
        height: 0.1rem;

    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar-toggler[aria-expanded="false"] .fa-times,
    .navbar-toggler[aria-expanded="true"] .fa-bars {
        display: none;
    }

    .navbar-toggler[aria-expanded="true"] .fa-times,
    .navbar-toggler[aria-expanded="false"] .fa-bars {
        display: inline-block;
    }

    .with-dropdown:after {
        content: "\f282";
        font-family: bootstrap-icons !important;
        position: absolute;
        top: 0.5rem;
        width: 2rem;
        height: 2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--twt-secondary-color);
        margin: 0;

    }

    .with-dropdown[aria-expanded="true"]:after {
        content: "\f286";
        font-family: bootstrap-icons !important;
    }

    .main-menu li>.nav-dropdown {
        position: relative;
        margin-bottom: 1rem;
        display: none;
        background-color: var(--twt-primary-color);
        width: auto;
    }

    .main-menu li>.nav-dropdown a {
        color: var(--twt-white-color);
    }

    /* .main-menu  li:hover > .nav-dropdown {display: block;} */
    .main-menu .nav-link.active,
    .main-menu .nav-item:hover .nav-link,
    .main-menu .nav-item:focus-within .nav-link {
        border: 0;
    }

    .main-menu .nav-dropdown.showSubMenu {
        display: block;
        visibility: visible;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    .main-menu .nav-dropdown.showSubMenu li.with-dropdown:hover,
    .main-menu .nav-dropdown.showSubMenu li.with-dropdown:before {
        background: var(--twt-primaryLight-color);
    }

    .main-menu .nav-dropdown.showSubMenu li.with-dropdown:hover>a {
        color: var(--twt-primaryLight-color);
    }

    .main-menu .nav-dropdown.showSubMenu .showSubMenu {
        background: var(--twt-primary-color);
    }

    .main-menu .navbar-nav {
        padding: 1rem 0;
    }

    .main-menu .nav-link,
    .main-menu .nav-item,
    .main-menu .nav-link:hover,
    .main-menu .nav-link.active,
    .main-menu .nav-item:hover .nav-link,
    .main-menu .nav-item:focus-within .nav-link {
        border: 0;
    }

    .main-menu li>.nav-dropdown li:before {
        /*background: none;*/
    }

    header.home-header .main-menu {
        margin-top: 0rem;
    }

    .header .logo {
        justify-content: end;
    }

    .header .accessibility-wraper {
        justify-content: center;
    }

    .header .menu-wraper {
        align-items: center;
    }

    .header .logo img {
        height: 4rem;
    }

    .header .navbar-toggler {
        margin-top: 1.3rem;
    }

    .home-banner .carousel-caption {
        position: relative;
        max-width: 100%;
        left: 0;
        right: 0;
        background: var(--twt-lightgray-color);
        border-radius: 0;
    }

    .home-banner .carousel-caption p {
        color: var(--twt-black-color);
    }

    .home-banner .carousel-item .ratio-21x9 {
        aspect-ratio: 1 / 1;
                position: relative;
    }

    .home-banner .carousel-indicators {
        justify-content: center;
        margin: 0 2.5rem;
        bottom: -3rem;
    }


	html[dir="ltr"] .home-banner .banner-links {
	 right: 1.5rem;
	}
	html[dir="rtl"] .home-banner .banner-links {
	 left: 1.5rem;
	}
    .news-alart {
        position: relative;
        left: 0;
        right: 0;
        width: 100%;
        margin-top: 4rem;
    }

    .news-alart .news-contant {
        display: block;
    }

    .news-alart .news-contant .btn-brand {
        margin-top: 0.5rem;
    }

    .news-alart .news-title::after {
        display: none;
    }

    .news-alart {
        border: 1px solid var(--twt-lightgray-color);
    }

    .news-alart .news-contant p {
        color: var(--twt-black-color);
        text-shadow: none;
    }

    .home-links .card-body {
        display: block;
    }

    .home-links .card-body .icon-wraper {
        margin-bottom: 1rem;
    }

    .home-links .card {
        min-height: auto;
        background-size: 40%;
    }

    footer .qatarEnery-card::after {
        display: none;
    }
}

.header .user-info li,
.header .user-info #QPSearchIcon{
border: none;
}


@media all and (max-width:767px) {}

@media all and (max-width: 575px) {}


#QPMain {
        margin-top: 0 !important;
    }


.news-alart .news-contant {
    width: 75%;
    overflow: hidden;
}
 .news-contant .owl-item .news-scroll {
	display: flex;
	align-items: center;
} 
@media all and (max-width:767px) {
    .news-alart .news-contant {
        width: 100%;
        overflow: hidden;
    }
}
/*# sourceMappingURL=styles.css.map */

.energy-companies .card img.img-fluid {
    height: 7.5rem;
    max-width: 75%;
    object-fit: contain;
}

@media all and (max-width:767px) {
	.energy-companies .card img.img-fluid {
    height: auto;
}
}

html[dir="ltr"] .evenCard, html[dir="ltr"] .oddCard{
	background-position-x: right;
    background-position-y: bottom;
}
html[dir="ltr"] .evenCard {background-image: url('/Style Library/Tawteen/img/home.png');}
html[dir="ltr"] .oddCard {background-image: url('/Style Library/Tawteen/img/circle.png');}

html[dir="rtl"] .evenCard, html[dir="rtl"] .oddCard{
	background-position-x: left;
    background-position-y: bottom;
}
html[dir="rtl"] .evenCard {background-image: url('/Style Library/Tawteen/img/home-ar.png');}
html[dir="rtl"] .oddCard {background-image: url('/Style Library/Tawteen/img/circle-ar.png');}

.footer-bottom {
	background: #A7A8A980;
}
.footer-bottom p {
	color: #595959;
}

.banner-overlay {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}
.news-contant .owl-dots {
    display: none;
}
.news-contant .owl-item .news-scroll {
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
}
.home-banner .carousel-indicators {
    bottom: 18%;
}

@media (max-width:600px){
    .home-banner .carousel-indicators {
    bottom: 2%;
}
}